// 注册页面拖动效果（js实现）
var hm = document.querySelector('.head_move');
var p = document.querySelector('.position');
hm.addEventListener('mousedown', function (e) {
    var x = e.pageX - p.offsetLeft;
    var y = e.pageY - p.offsetTop;

    document.addEventListener('mousemove', fn);

    function fn(e) {
        p.style.left = e.pageX - x + 'px';
        p.style.top = e.pageY - y + 'px';

        // 判断边界 暂未实现
        // if (x < 0) {
        //     x = 0;
        // } else if (x > document.width - p.offsetLeft) {
        //     x = document.width - p.offsetLeft + 'px';
        // }
        //
        // if (y < 0) {
        //     y = 0;
        // } else if (y > document.height - p.offsetLeft) {
        //     y = document.height - p.offsetLeft + 'px';
        // }

    }

    document.addEventListener('mouseup', function () {
        document.removeEventListener('mousemove', fn);
    })
})


// 正则验证
// var nm = /123/;
var reg_account = /(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{4,12}/;
var reg_password = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/;
var reg_re_email = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
var reg_re_tel = /^1\d{10}$/;

// var emailVal = reg_re_email.test(str);

// $('#button').off('click');
// $('#button').click(function () { // 使用此方法转跳无法实现 监听函数是在网页加载的时候就指定了对象,而通过代码追加，如通过js追加的元素，无法匹配这个事件
// $(document).on('click', $('#button'), function () { // 使用on绑定成功实现 这样即实现了动态监听 但是会$(document)会重复监听页面任意位置的点击
$('#button').on('click', function () {
    if ($('#check').is(':checked')) { // 可尝试使用attr方法与prop方法修改
        var accountVal = $('#account').val();
        var emailVal = $('#email').val();
        var telVal = $('#tel').val();
        var passwordVal = $('#password').val();

        var accountReg = reg_account.test(accountVal);
        var emailReg = reg_re_email.test(emailVal);
        var telReg = reg_re_tel.test(telVal);
        var passwordReg = reg_password.test(passwordVal);

        if (accountVal.length === 0 || emailVal.length === 0 || telVal.length === 0 || passwordVal.length === 0) {
            alert('请您输入信息！');
        } else {
            if (accountReg === true && telReg === true && emailReg === true && passwordReg === true) {
                // 做登录转跳
                alert('恭喜你注册成功！');
                $('.alertConfirmBtn').on('click', function () {
                    window.location.href = 'login.html';
                });
                // $(location).prop('href', 'login.html');
                // $(window).attr('location','login.html');
                // window.location.href = 'login.html';
            } else if (accountReg === false) {
                alert('用户名需包含字母与数字，请重新填写注册信息');
            } else if (accountReg === true && telReg === false) {
                alert('电话格式错误，请重新填写注册信息');
            } else if (accountReg === true && telReg === true && emailReg === false) {
                alert('邮箱格式错误，请重新填写注册信息');
            } else if (accountReg === true && telReg === true && emailReg === true && passwordReg === false) {
                alert('密码安全系数过低，请重新填写注册信息');
            }
        }
    } else {
        alert('请勾选下方协议与声明');
    }
});

$('#autofill_register').click(function () {
    // $('#account').attr('value', 'abc12345'); // 在用户已填写信息后，attr方法不会去强制替换
    $('#account').prop('value', 'abc12345');
    $('#tel').prop('value', '13788888888');
    $('#email').prop('value', '12345@mail.com');
    $('#password').prop('value', 'Abchuihui123*');
})